<template>
  <header>
    <div class="my">个人中心</div>
    <div class="tx"></div>
    <div class="xm">赵晓雪</div>
  </header>
</template>

<script>
export default {};
</script>
<style lang="scss" scoped>
header {
  width: 100%;
  height: 420px;
  background-color: #ff4344;
  .my {
    font-size: 40px;
    text-align: center;
    color: #fff;
    padding-top: 27px;
  }
  .xm {
    font-size: 35px;
    text-align: center;
    color: #fff;
    margin-top: 15px;
  }
  .tx {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: pink;
    margin: auto;
    margin-top: 57px;
  }
}
</style>
